.index{padding-bottom:100px;}

/*考试、轮播、报名*/
.top{padding-top:33px;}
.exam{position:relative;float:left;width:278px;height:399px;border-top:3px solid #fde257;}
.sign-up{float:right;width:352px;height:243px;padding-top:160px;background:url(../img/index/li-bg.jpg) no-repeat;background-size:cover;}
.exam-tips{position:absolute;top:0;left:15px;display:block;width:40px;height:55px;background:url(../img/index/tips.png) no-repeat;text-indent:-9999px;}
.exam-month{padding:15px 0 18px 76px;border-bottom:1px solid #f3f3f3;color:#222;font-size:16px;}
.exam-tab span{padding:0 5px;}
.exam-tab select{border-color:#f5f5f5;outline:none;}
.exam-tag{padding-top:13px;line-height:22px;}
.on-line a{width:250px;}
.on-line{padding-bottom:18px;border-bottom:1px solid #f3f3f3;}
.tool-tit{padding:15px 0 15px 15px;color:#222;font-size:18px;}
.tool-list{padding:0 0 0 15px;}
.tool-list a{float:left;width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f5f5f5;border-radius:30px;margin:0 5px 15px 0;line-height:23px;text-align:center;}
.sign-up ul{width:304px;margin:0 auto;}
.sign-up li{margin-bottom:15px;}
.inp{background:#fff;border:1px solid #888;border-radius:3px;padding:0 15px;line-height:38px;}
.inp input{width:100%;margin:5px 0 0 0;height:20px;color:#c3c3c3;line-height:20px;}
.sign-btn{width:100%;cursor:pointer;}
.residue{color:#222;font-size:16px;text-align:center;line-height:33px;}
.residue em{display:inline-block;width:42px;height:33px;background:url(../img/index/arr.png) no-repeat;}

.title{position:relative;height:58px;background:#f3f3f3;padding-left:17px;color:#222;font-size:20px;font-weight:normal;line-height:58px;}
.more{position:absolute;right:33px;font-size:16px;}

.hot-class{float:left;width:785px;}
.answer{float:right;width:353px;}
.hot-class-list{padding:29px 0 0 0;}
.hot-class-list li{float:left;width:240px;margin:0 0 0 17px;}
.hot-img{position:relative;overflow:hidden;width:240px;}
.hot-img em{display:block;position:absolute;left:50%;top:50%;margin:-29px 0 0 -29px;width:58px;height:58px;background:url(../img/index/arr-video.png) no-repeat;ransition:.5s;-webkit-transition:.5s;}
.hot-txt{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:12px 0;color:#222;font-size:16px;}
.hot-class-list a img{transition:.5s;-webkit-transition:.5s;}
.hot-class-list a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.hot-class-list a:hover .hot-img em{transform:rotate(360deg)}
.answer-list{padding:15px 0 14px;}
.answer-list ul{position:relative;overflow:hidden;height:180px;}
.answer-list li{padding:0 40px 0 20px;line-height:36px;}
.answer-list li a{display:block;width:100%;background:url(../img/index/arr-w.png) no-repeat 0 9px;padding-left:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.answer-list li a:hover{color:#222;}
.more-txt{position:absolute;right:20px;top:0;font-size:16px;}
.more-txt a:hover{color:#222;}

.news{position:relative;}
.new{float:left;width:786px;padding-top:10px;}
.new-tab{height:35px;border-bottom:1px solid #f3f3f3;}
.new-tab span{position:relative;top:0;float:left;width:94px;border:1px solid #f3f3f3;font-size:18px;line-height:34px;text-align:center;cursor:pointer;}
.new-tab span.cur{border:1px solid #fff;border-bottom:1px solid #fde257;}
.new-box{float:left;width:50%;padding:0 5px 0 15px;box-sizing:border-box;}

.new-cons{position:relative;padding:20px 0;}
.new-list{position:relative;overflow:hidden;height:175px;}
.new-list li{background:url(../img/index/dian.png) no-repeat 0 15px;padding-left:15px;line-height:35px;}
.new-list a{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.new-more{position:absolute;right:0;top:-25px;}
.new-more:hover{text-decoration:underline;}

.new-carousel{position:relative;float:right;width:338px;padding-top:10px;margin-right:15px;}
.new-carousel h3{border-bottom:1px solid #f3f3f3;background:url(../img/index/line2.png) no-repeat 0 9px;padding-left:12px;color:#222;font-size:18px;line-height:35px;font-weight:normal;}
.new-lunbo{position:absolute;top:0;left:0;width:100%;overflow:hidden;}
.lunbo-pag,.lunbo-pag2{top:17px;rigth:0;text-align:right;}
.lunbo-box,.lunbo-box2{padding-top:68px;}
.lunbo-pag span,.lunbo-pag2 span{display:inline-block;width:10px;height:10px;margin-left:10px;}


/*轮播*/
.carousel{float:left;width:477px;overflow:hidden;max-height:403px;margin-left:29px;}
.top-box{position:relative;z-index:2;width:100%;overflow:hidden;}
.swiper-slide {position:relative;width:100%;}
.swiper-wrapper{z-index:2;}
.swiper-button-prev,.swiper-button-next{display:none;}
.swiper-pagination{position:absolute;z-index:100;}
.swiper-pagination span{background:#888;border-radius:50%;cursor:pointer;}
.swiper-pagination span.swiper-pagination-bullet-active{background:#fee600;}
.top-pag{bottom:15px;left:0;width:100%;text-align:center;}
.top-pag span{display:inline-block;width:15px;height:15px;margin-left:10px;}
.top-pag span.swiper-pagination-bullet-active{background:#fee600;}

@media screen  and (max-width: 1200px){
.exam,.carousel,.sign-up{width:100%;margin-left:0;}
.carousel img{width:100%;}
.exam{height:auto;}
.sign-up ul{width:90%;}
.new{width:100%;float:none;}
.new-carousel{float:none;width:100%;height:234px;}
.new-carousel img{width:100%;}
.new-lunbo{position:relative;}
.new-carousel{height:auto;}
.lunbo-box,.lunbo-box2{padding-top:0;}
.lunbo-pag,.lunbo-pag2{top:90%;text-align:center;}
.hot-class{width:100%;}
.answer{float:left;width:100%;margin-top:30px;}
.hot-class-list{padding-left:16px;text-align:center;}
.hot-class-list li{float:none;display:inline-block;width:28%;box-sizing:border-box;margin:0;}
.hot-txt{text-align:left;}
}

@media screen and (min-width: 1024px) and (max-width: 1200px){
.main{width:1024px}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.main{width:768px}
.hot-class-list{padding-left:0;}
.hot-class-list li{width:31%;}
}
@media screen and (max-width:767px) {
.main{width:100%;max-width:768px;}
.top{padding-top:0;}
.hot-class-list{padding-left:0;}
.hot-class-list li{width:32.5%;}
.hot-img{width:100%;}
}
